<template>
	<view>
		<!-- <view class="m-t40 text-c text-400-328">相似职位</view>

		<view class="office">
			<view class="card flex" v-for="index in 5" :key="index">
				<image class="cover" src="https://cdn.uviewui.com/uview/swiper/swiper1.png" mode="aspectFill"></image>

				<view class="flex-1 flex-d-sb h">
					<view class="flex">
						<text class="flex-1 p-h20 text-700-130">服务员 购买社保【全职】</text>
						<text class="text-700-530">1.2-1.5k</text>
					</view>

					<view class="flex p-h20">
						<text class="tag m-r10 text-500-324">青羊区</text>
						<text class="tag m-r10 text-500-324">男女不限</text>
						<text class="tag m-r10 text-500-324">学历不限</text>
					</view>

					<view class="flex">
						<text class="flex-1 p-h20 text-500-326">连锁餐厅</text>
						<text class="text-500-326">15:37 发布</text>
					</view>
				</view>
			</view>
		</view> -->
	</view>
</template>

<script lang="ts" setup></script>

<style lang="scss" scoped>
.office {
	margin-top: 20rpx;
	padding: 0 20rpx;
	border-radius: 20rpx;
	background-color: $bg-color-1;
}

.card {
	height: 210rpx;
	padding: 30rpx 0;
	border-bottom: 1rpx solid #EEEEEE;

	.cover {
		width: 150rpx;
		height: 150rpx;
		border-radius: 10rpx;
	}

	.tag {
		height: 44rpx;
		padding: 0 10rpx;
		border-radius: 4rpx;
		text-align: center;
		line-height: 44rpx;
		background-color: #F3F3F3;
	}
}
</style>